<template>
	<div id="app">
		<router-view></router-view>
		<my-tabbar></my-tabbar>
	</div>
</template>

<script>
//  import { Tabbar, TabbarItem} from 'vux';
import myTabbar from './components/myTabbar.vue';
import { mapActions } from 'vuex'
export default {
	name: 'app',
	methods: {
		...mapActions(['read']),
	},
	components: {
		myTabbar
	},
	created() {
		this.read();
	}
}
</script>

<style lang="less">
@import '~vux/src/styles/reset.less';

body {
	background-color: #fbf9fe;
}

#app {
	height: 100%;
}

* {
	box-sizing: border-box;
}

[data-dpr="1"] * {
	font-size: 16px!important;
}

[data-dpr="2"] * {
	font-size: 32px!important;
	;
}

[data-dpr="3"] * {
	font-size: 48px!important;
	;
}
</style>
